---
title: Stats
description: Stats components built with Tailwind CSS v4. These responsive, SEO-friendly stat blocks are perfect for dashboards, admin panels, and analytics pages. Easily display key metrics, growth indicators, and performance data with customizable, accessible UI elements.
emoji: 📊
wrapper: h-[400px]
container: p-6 max-w-lg mx-auto flex flex-col gap-4
terms:
  - stats
  - analytics
  - metric
components:
  - { title: 'Title, value, from value and themed growth stat', dark: true }
  - { title: 'Title, value, icon and themed growth stat', dark: true }
  - { title: 'Title, value and themed growth stat', dark: true }
  - { title: 'Title, value and icon', dark: true }
  - { title: 'Title, value and themed growth stat, stacked style', dark: true }
  - { title: 'Title, value, icon and themed growth stat, stacked style', dark: true }
---

# Stat Components

<p>{frontmatter.description}</p>

<CollectionList componentsData={componentsData} />
